<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<div id="app">
			<input type="text" />
			<!-- 行内事件 -->
			<button type="button" @click="msg='hello '+ 'world'" >按钮-行内</button>
			<!-- 事件处理方法 -->
			<button type="button" @dblclick="fn('hello')" >按钮-方法</button>
			<span>{{msg}}</span>
			<!-- 事件对象-不传参，默认事件处理函数的第一个参数就是事件对象 -->
			<button type="button" @click="fn2" >按钮-事件对象1</button>
			<!-- 事件对象-传参，需要主动将$event传入事件处理函数，接收 -->
			<button type="button" @click="fn3('hello',$event)" >按钮-事件对象1</button>
		</div>
	</body>
	<script src="../vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
			
		new Vue({
			el:"#app",
			data:{
				msg:""
			},
			methods:{
				fn(v){
					console.log(v);
				},
				fn2(eve){
					console.log(eve);
				},
				fn3(str,eve){
					console.log(eve);
				}
			}
		})
		
	</script>
</html>
